<template>
  <div>
    <h1>这是detail的组件</h1>
    <child :msg='msg' @send='send'></child>
  </div>
</template>


<script>
import { defineComponent, ref } from "vue";
import child from '../components/child/Child.vue';
export default defineComponent({
  name: "Detail",
  components: {
    child
  },
  setup() {
    let msg = ref('这是父组件的数据')
    let send = (val)=>{
        console.log(val)
    }
    return {
      msg,
      send
    };
  },
});
</script>

<style lang="scss" scoped>

</style>
